// 使用Vue脚手架：
    // cli(command line interface):命令行接口工具
    // 初始化脚手架
        // 说明：
            // 1.Vue脚手架是Vue官方提供的标准化开发工具(开发平台)
            // 2.最新版是4.x
            // 3.文档 https://cli.vuejs.org/zh/


    // 1.具体步骤：
        // 第一步(仅第一次执行)：全局安装@vue/cli
            // npm install -g @vue/cli
        
        // 第二步：切换到你要创建项目的目录，然后使用命令创建项目。
            // vue create xxx

        // 第三步：启动项目
            // npm run serve
        




        // 备注：
            // 1.如出现下载缓慢请配置npm淘宝镜像
                // npm config set regjistry https://registry.npm.taobao.org
            // 2.Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行：
                // vue inspect > output.js (修改无效)



    // 具体步骤(方法二网络上找的建议使用这种)
        // 1、打开cmd，输入命令  
            // npm install -g cnpm --registry=https://registry.npm.taobao.org
        // 2. 安装Vue需要npm的版本大于3，所以我们先升级一下npm，输入命令
            // cnpm install cnpm -g
        // 3.安装vue，输入命令
            // cnpm install vue
        // 4.安装vue-cli，输入命令
            // cnpm install -g @vue/cli




    



    // 2.Vue脚手架文件功能：
        // .gitignore : 记录哪些文件不被git所管理
        // babel.config.js : babel的控制文件(babel的作用是用来把ES6语法转ES5语法的)
        // package.json : 包的说明书，里面记录了包的名称、版本、依赖、常用的命令等等......
        // package-lock.json : 包版本控制文件，里面记录了包的版本等等......
        // README.md : 这个文件用来对整个文件进行一个说明(需要自己写，相当于工程文件描述)
        

        // src里面的文件：
            // main.js : 执行完了npm run serve命令之后运行main.js文件，该文件是整个项目的入口文件。
            // App.vue : 这个文件是所有文件的父组件，用来管理所有的组件。
            // components：组件的存放目录，所有的组件都放在这个目录下。
            // assets : 用来存放静态资源、例如网站的logo图片等

        // public目录：存放静态资源文件，例如index.html


    // 2.脚手架文件结构
        /*

        |————node_modules
        |
        |————public
        |    |————favicon.ico : 页签图标
        |    |————index.html : 主页面
        |
        |————src
        |    |
        |    |————assets ：存放静态资源
        |    |    |————logo.png
        |    |————components：存放组件
        |    |
        |

        */


    // 3.关于不同版本的Vue
        // 1.vue.js于vue.runtime.xxx.js的区别：
            // (1) vue.js是完整版的Vue，包含：核心功能+模块解析器
            // (2) vue.runtime.xxx.js是运行时的Vue，只包含：核心功能，没有模板解析器。
        
        // 2.因为Vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，
            // 需要使用render函数接收到的createElement函数去指定具体的内容




    // 4.Vue脚手架中我们不能修改的文件名有哪些：
        // 1 public 目录不建议修改
        // 2) public下面的favico.ico 不建议修改
        // 3) public下面的index.html 不建议修改
        // 4) src 目录不建议修改
        // 5) main.js 不建议修改 


    // 5.如何调整入口文件哪些东西：
        // 1.在package.json同级目录下新建一个vue.config.js文件
        // 2.具体内容参考vue官方文档 https://cli.vuejs.org/zh/config/#pages


    // 6.关闭语法检查(在vue.config.js配置文件中敲下面这段代码)
        module.exports = {
            lintOnSave : false,
        }

